/* 
    Document   : style
    Created on : Sep 25, 2010, 5:53:53 PM
    Author     : rafa
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


body {
    margin:0px;
    padding:0px;
    background-color: #FFF3DE;
        
}

a {
    outline: none;
}

#divGeral {
    position: relative;
    width:100%;    
    background: url(../imagens/padraoFundo.gif) repeat;
    z-index:1
}


#divCentralizar {
    position: relative;
    margin:0 auto;
    width: 1030px;
    z-index:3;
}

/*============CABEÇALHO===============*/

#divHeader {    
    position:absolute;
    background: url(../imagens/header.png) no-repeat;
    height: 266px;
    width:1024px;
    z-index:3;
}

#divHeader2 {
    position: absolute;
    margin-top:43px;
    height: 180px;
    width: 100%;
    background: url(../imagens/barra.png) repeat-x;
    z-index:2;
}

#divHeader ul {
    height:60px;
    margin:105px 0 0 329px;
    position:relative;
    width:700px;
    list-style-type: none;
    padding: 0;
}

#divHeader ul li {
    float: left;
    padding-right:25px;
}

#sobreNos {
   padding-top: 5px;
   
}

#sobreNos a {
   background: url(../imagens/sobrensbutton.gif) no-repeat 0% 0px;
   height: 29px;
   display: block;
   width: 99px;
}

#sobreNos a:hover,
#mapaLocal a:hover  {
   background-position: -99px 0%;
}


#confirmarPresenca a {
   display: block;
   height: 60px;
   width: 112px;
}

#confirmarPresenca a  {   
   background: url(../imagens/confirmarpresenabutton.gif) no-repeat 0% 0px;
}

#confirmarPresenca a:hover  {
   background-position: -114px 0%;
}

#listaPresentes a {
   display: block;
   width: 103px;
   height: 60px;
   background: url(../imagens/listadepresentesbutton.gif) no-repeat 0% 0px;
   
}

#listaPresentes a:hover  {
   background-position: -103px 0%;
}

#mapaLocal a {
   display: block;
   height: 52px;
   width: 99px;
   background: url(../imagens/mapadolocalbutton.gif) no-repeat 0% 0px;
}

#faleConosco a  {
   display:block;
   width: 82px;
   height:52px;
   background: url(../imagens/faleconoscobutton.gif) no-repeat 0% 0px;
}

#faleConosco a:hover  {
   background-position: -82px 0%;
}

/*==========FIM CABEÇALHO===============*/


/*=============CONTEÚDO=============*/

#divConteudoTotal {
    position: relative;
    width: 789px;
    background: url(../imagens/conteudoBackground.png) repeat-y;
    height: 1700px;
    margin:0 auto;
    text-align:left;
    z-index: 1;
}



#divAreaUtil {
    position:absolute;
    margin:230px 0 0 30px;
    width:725px;
    text-align:center;
    
}

#divTituloSobreNos {
    width:440px;
    height: 144px;
    background: url(../imagens/tituloSobreNos.png) no-repeat;
    
}

#divTituloSobreNos,
#divTituloConfirmarPresenca,
#divTituloListaPresentes,
#divTituloMapaLocal,
#divTituloFaleConosco {
    position:relative;
    margin:0 auto;
    margin-bottom:17px;
}

#divSobreNos {
    position:relative;
    font-size:14px;
}

#divSobreNos img:first-child {
    position:relative;
    padding-right:10px;
    float:left;
}

#divSobreNos #foto {
    position:relative;
    float:right;
    padding:10px;

}

#divSobreNos p {
    text-align:justify;
    line-height: 23px;
    margin:0;
    padding:0;

}

#divTituloConfirmarPresenca {
    width:434px;
    height: 232px;
    background: url(../imagens/tituloConfirmarPresença.png) no-repeat;
}

#divTituloListaPresentes {
    width:385px;
    height: 239px;
    background: url(../imagens/tituloListaPresentes.png) no-repeat;
}

#divMapaLocal {
    text-align: justify;
    line-height: 30px;
}

#divTituloMapaLocal {
    width:378px;
    height: 243px;
    background: url(../imagens/tituloMapaLocal.png) no-repeat;
}

#divMapaLocal a {
    margin-left:220px;
    
}

#divMapaLocal img {
    margin-top: 50px;
    border: 3px solid black;
}

#divTituloFaleConosco {
    width:533px;
    height: 162px;
    background: url(../imagens/tituloFaleConosco.png) no-repeat;
}

#divFaleConosco {	
	float:left;
	width: 400px;	
}

#divTextoFormulario {
	margin-bottom: 55px;
	font-size:14px;
}

#divCamposFormulario {
        margin-left:150px;
	width:130px;
}

#divCamposFormulario table {
	margin-left: 20px;	
}

#divCamposFormulario td {
	padding-bottom: 16px;
	width:10px;	
	font-size: 11px;
}

#botaoEnviar {
    background-color: #4d8293;
    color:white;
    float:right;
}

#divCamposFormulario textarea,
#nome,
#comentario,
#email {
	background-color: #FFF3DE;
        border: 3px inset #FFF3DE;
	
	
}



/*============FIM CONTEÚDO==============*/



/*============FOOTER==============*/


#divFooter {
    position: absolute;
    bottom:0px;
    height: 180px;
    width: 100%;
    background: url(../imagens/barra.png) repeat-x;
    z-index:3;    
}

/*============FIM FOOTER==============*/
/*
#divConteudo {
    position: relative;
    background-color: #FFEDCD;
    height:100%;
    width: 760px;
    float: left;
}

#divBordaDireita{
    position: relative;
    float: right;
    width: 10px;
    background: url(../imagens/bordaDireita.png) repeat-y;
    height: 100%;
}

#divBordaEsquerda {
    position: relative;
    float: left;
    width: 10px;
    background: url(../imagens/bordaEsquerda.png) repeat-y;
    height: 100%;
}
*/

